@font-face {
  font-family: "Pixels Han v0.8.298-TC";
  src: url("./點陣漢文 v0.8.298-TC-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

/* Vertical writing mode: use with writing-mode: vertical-rl */
@font-face {
  font-family: "Pixels Han v0.8.298-TC Vertical";
  src: url("./點陣漢文 v0.8.298-TC-regular-vertical.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Pixels Han v0.8.298-SC";
  src: url("./点阵汉文 v0.8.298-SC-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

/* Vertical writing mode: use with writing-mode: vertical-rl */
@font-face {
  font-family: "Pixels Han v0.8.298-SC Vertical";
  src: url("./点阵汉文 v0.8.298-SC-regular-vertical.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Pixels Han v0.8.298-TC-subset";
  src: url("./點陣漢文 v0.8.298-TC-subset-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

/* Vertical writing mode: use with writing-mode: vertical-rl */
@font-face {
  font-family: "Pixels Han v0.8.298-TC-subset Vertical";
  src: url("./點陣漢文 v0.8.298-TC-subset-regular-vertical.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Pixels Han v0.8.298-SC-subset";
  src: url("./点阵汉文 v0.8.298-SC-subset-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

/* Vertical writing mode: use with writing-mode: vertical-rl */
@font-face {
  font-family: "Pixels Han v0.8.298-SC-subset Vertical";
  src: url("./点阵汉文 v0.8.298-SC-subset-regular-vertical.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

:root {
  --pixels-han-1x: 14px;
  --pixels-han-1-5x: 21px;
  --pixels-han-2x: 28px;
  --pixels-han-2-5x: 35px;
  --pixels-han-3x: 42px;
  --pixels-han-3-5x: 49px;
  --pixels-han-4x: 56px;
  --pixels-han-4-5x: 63px;
  --pixels-han-5x: 70px;
  --pixels-han-5-5x: 77px;
  --pixels-han-6x: 84px;
  --pixels-han-6-5x: 91px;
  --pixels-han-7x: 98px;
  --pixels-han-7-5x: 105px;
  --pixels-han-8x: 112px;
  --pixels-han-8-5x: 119px;
  --pixels-han-9x: 126px;
  --pixels-han-9-5x: 133px;
  --pixels-han-10x: 140px;
}